Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / settings / sections / AndroidSettingsSection.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<section Te6edf3v-show=Ta5d6ff"visible" Te6edf3class=Ta5d6ff"settings-section break-inside-avoid"Tff7b72>

Tff7b72<header Te6edf3class=Ta5d6ff"settings-section__header"Tff7b72>

Tff7b72<divTff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__eyebrow"Tff7b72>AndroidTff7b72</div>

Tff7b72<h2Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_privacy_heading"Tff7b72) Tff7b72}}Tff7b72</h2>

Tff7b72<pTff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_privacy_desc"Tff7b72) Tff7b72}}Tff7b72</p>

Tff7b72</div>

Tff7b72</header>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__body space-y-4"Tff7b72>

Tff7b72<label Te6edf3class=Ta5d6ff"setting-toggle"Tff7b72>

Tff7b72<input

Te6edf3:checked=Ta5d6ff"androidShellPrivacy.blockScreenshots"

Te6edf3type=Ta5d6ff"checkbox"

Te6edf3class=Ta5d6ff"rounded-sm"

@Te6edf3change=Ta5d6ff"$emit('update:blockScreenshots', $event.target.checked)"

Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__label"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_block_screenshots"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__description"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_block_screenshots_desc"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72</span>

Tff7b72</label>

Tff7b72<label Te6edf3class=Ta5d6ff"setting-toggle"Tff7b72>

Tff7b72<input

Te6edf3:checked=Ta5d6ff"androidShellPrivacy.clearClipboardOnBackground"

Te6edf3type=Ta5d6ff"checkbox"

Te6edf3class=Ta5d6ff"rounded-sm"

@Te6edf3change=Ta5d6ff"$emit('update:clearClipboardOnBackground', $event.target.checked)"

Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__label"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{

$Te6edf3tTff7b72(Ta5d6ff"settings.android_clear_clipboard_on_background"Tff7b72)

Tff7b72}}Tff7b72</span>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__description"Tff7b72>Tff7b72{{

$Te6edf3tTff7b72(Ta5d6ff"settings.android_clear_clipboard_on_background_desc"Tff7b72)

Tff7b72}}Tff7b72</span>

Tff7b72</span>

Tff7b72</label>

Tff7b72<div Te6edf3class=Ta5d6ff"space-y-2"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_remote_backend_heading"Tff7b72) Tff7b72}}Tff7b72</div>

Tff7b72<p Te6edf3class=Ta5d6ff"text-xs opacity-80"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_remote_backend_desc"Tff7b72) Tff7b72}}Tff7b72</p>

Tff7b72<input

Te6edf3:value=Ta5d6ff"remoteBackendUrl"

Te6edf3type=Ta5d6ff"url"

Te6edf3inputmode=Ta5d6ff"url"

Te6edf3autocomplete=Ta5d6ff"off"

Te6edf3spellcheck=Ta5d6ff"false"

Te6edf3class=Ta5d6ff"w-full rounded-sm border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-900 px-3 py-2 text-sm"

Te6edf3:placeholder=Ta5d6ff"$t('settings.android_remote_backend_placeholder')"

@Te6edf3input=Ta5d6ff"$emit('update:remoteBackendUrl', $event.target.value)"

Tff7b72/>

Tff7b72<p Te6edf3v-if=Ta5d6ff"remoteBackendActive" Te6edf3class=Ta5d6ff"text-xs text-emerald-700 dark:text-emerald-300"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_remote_backend_active"Tff7b72, Tff7b72{ Te6edf3urlTff7b72: Te6edf3effectiveBackendUrl Tff7b72}Tff7b72) Tff7b72}}

Tff7b72</p>

Tff7b72<div Te6edf3class=Ta5d6ff"flex flex-wrap gap-2"Tff7b72>

Tff7b72<button

Te6edf3type=Ta5d6ff"button"

Te6edf3class=Ta5d6ff"btn-maintenance border-blue-200 dark:border-blue-900/30 text-blue-700 dark:text-blue-300 bg-blue-50 dark:bg-blue-900/10 hover:bg-blue-100 dark:hover:bg-blue-900/20"

@Te6edf3click=Ta5d6ff"$emit('apply-remote-backend')"

Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_remote_backend_apply"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72<button

Te6edf3type=Ta5d6ff"button"

Te6edf3class=Ta5d6ff"btn-maintenance border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-200 bg-gray-50 dark:bg-gray-900/40 hover:bg-gray-100 dark:hover:bg-gray-800"

Te6edf3:disabled=Ta5d6ff"!remoteBackendActive && !(remoteBackendUrl || '').trim()"

@Te6edf3click=Ta5d6ff"$emit('clear-remote-backend')"

Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.android_remote_backend_use_local"Tff7b72) Tff7b72}}

Tff7b72</button>

Tff7b72</div>

Tff7b72</div>

Tff7b72<button

Te6edf3type=Ta5d6ff"button"

Te6edf3class=Ta5d6ff"btn-maintenance border-blue-200 dark:border-blue-900/30 text-blue-700 dark:text-blue-300 bg-blue-50 dark:bg-blue-900/10 hover:bg-blue-100 dark:hover:bg-blue-900/20"

@Te6edf3click=Ta5d6ff"$emit('share-apk')"

Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"flex flex-col items-start text-left"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"font-bold flex items-center gap-2"Tff7b72>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"share-variant" Te6edf3class=Ta5d6ff"size-4" Tff7b72/>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.share_apk"Tff7b72) Tff7b72}}

Tff7b72</div>

Tff7b72<div Te6edf3class=Ta5d6ff"text-xs opacity-80"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"settings.share_apk_short_hint"Tff7b72) Tff7b72}}

Tff7b72</div>

Tff7b72</div>

Tff7b72</button>

Tff7b72</div>

Tff7b72</section>

Tff7b72</template>

Tff7b72<scriptTff7b72>

import MaterialDesignIcon from "../../MaterialDesignIcon.vue";

export default {

name: "AndroidSettingsSection",

components: {

MaterialDesignIcon,

},

props: {

visible: {

type: Boolean,

default: true,

},

androidShellPrivacy: {

type: Object,

required: true,

},

remoteBackendUrl: {

type: String,

default: "",

},

effectiveBackendUrl: {

type: String,

default: "",

},

remoteBackendActive: {

type: Boolean,

default: false,

},

},

emits: [

"update:blockScreenshots",

"update:clearClipboardOnBackground",

"update:remoteBackendUrl",

"apply-remote-backend",

"clear-remote-backend",

"share-apk",

],

};

Tff7b72</script>